<template>

    <input placeholder="请输入药品名称" style="width: 90%;height: 35px;margin-top: 5px;border-radius: 20px;border:1px solid green ;
        margin-left: 10px;
    " />

    <div class="dd1">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss1.png" /> 
            </dt>
            <dd>
                <p>强力砒粑露250毫升</p>
                养阴敛肺，止咳祛痰用于支气管炎咳嗽
                <span>￥46.8</span>
            </dd>
        </dl>
    </div>
     <div class="dd2">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss2.png" /> 
            </dt>
            <dd>
                <p>小儿肺热咳喘口服液10毫升*8支</p>
                清热解毒，宣化化痰。用于热邪犯于肺卫所致发热
                <span>￥35</span>
            </dd>
        </dl>
    </div>
       <div class="dd3">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss3.png" /> 
            </dt>
            <dd>
                <p>桔贝合剂 10毫升*6支</p>
              润肺止咳。用于肺热咳嗽，痰稠色黄。咯痰不爽。
                <span>￥29.3</span>
            </dd>
        </dl>
    </div>
      <div class="dd3">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss3.png" /> 
            </dt>
            <dd>
                <p>桔贝合剂 10毫升*6支</p>
              润肺止咳。用于肺热咳嗽，痰稠色黄。咯痰不爽。
                <span>￥29.3</span>
            </dd>
        </dl>
    </div>
       <div class="dd5">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss5.png" /> 
            </dt>
            <dd>
                <p>强力枇杷露(无糖型)300毫升</p>
         养阴敛肺，止咳祛痰用于支气管炎咳嗽
                <span>￥65.7</span>
            </dd>
        </dl>
    </div>
       <div class="dd6">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss6.png" /> 
            </dt>
            <dd>
                <p>盐酸氨溴索口服溶液 10毫升:30毫克*6支</p>
                用急、慢性支气管炎引起的痰液粘稠、咳嗽困难。
                <span>￥19.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd7">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss7.png" /> 
            </dt>
            <dd>
                <p>北京同仁堂感冒清热颗粒12g*6袋</p>
              疏风散寒，解表清热。用于风寒感冒，头疼发热
                <span>￥13</span>
            </dd>
        </dl>
    </div>
       <div class="dd8">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss8.png" /> 
            </dt>
            <dd>
                <p>咳特灵胶囊18粒</p>
              镇咳，祛痰，平喘，消炎。用于咳嗽及慢性支气管
                <span>￥9.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd9">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/ss9.png" /> 
            </dt>
            <dd>
                <p>西瓜霜清咽含片1.8克*16片</p>
                清热解毒，消肿利咽。用于缓解咽疼，咽干，杓热
                <span>￥27</span>
            </dd>
        </dl>
    </div>
</template>

<script>

</script>

<style>
.dd1{
    margin-top: 10px;
    dt{
        float: left;
        margin: 5px;
        margin-top: 5px;
    }
    dd{
       span{
        color: red;
       }
    }
}
.dd2{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd3{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd4{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd5{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd6{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd7{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd8{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd9{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
</style>
